<!-- 投标资料提交 -->

<template>
    <div class="data-submit-page">
        <div class="cursor-pointer" @click="handleBack">&lt; 标的列表</div>
        <EnterpriseInfoCard class="enterprise-info" />
        <div class="upload-div">
            <div style="height: 32px; line-height: 32px;">上传文件&nbsp;&nbsp;</div>
            <el-upload
              v-model:file-list="fileList"
              show-file-list: false
            >
                <el-button class="upload-btn">
                    <img src="@/assets/images/u890.png" alt="">上传文件
                </el-button>
                <template #tip>
                    <div class="el-upload__tip" style="color: #999; font-size: 13px;">
                        支持文件类型：pdf/zip/rar/png/jpg/jpeg等，单文件不超过100MB，最多可上传10个文件
                    </div>
                </template>
            </el-upload>
        </div>
        <button class="change-btn" @click="handleSubmit">提交</button>
    </div>
</template>

<script>
import { useRouter } from 'vue-router'
import EnterpriseInfoCard from '@/components/EnterpriseInfoCard.vue'

export default {
    components: {
        EnterpriseInfoCard
    },
    setup() {
        const router = useRouter()
        // 点击返回
        function handleBack() {
            router.back()
        }
        // 点击提交
        function handleSubmit() {
            alert('提交成功')
        }
        return {
            handleBack,
            handleSubmit
        }
    }
}
</script>

<style scoped>
.data-submit-page {
    height: calc(100% - 60px);
    padding: 20px;
    position: relative;
}
.enterprise-info {
    margin-top: 25px;
}
.upload-div {
    display: flex;
    flex-direction: row;
    margin-bottom: 60px;
}
.upload-btn {
    border-color: #16B6A0;
    color: #16B6A0;
    font-weight: 400;
}
.upload-btn img {
    margin-right: 10px;
}
.change-btn {
    width: 90px;
    height: 30px;
    position: absolute;
    bottom: 10px;
    right: 30px;
    border: none;
    background: linear-gradient(90deg, #74DB98 0%, #5AC0AA 100%);
    color: white;
    border-radius: 5px;
}
</style>